<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:th="http://www.thymeleaf.org">
	  <head>
	  	<title>TacoCloud</title>
	  	<style>
	  		*{
	  			padding:0;
	  			margin:0;
	  			box-sizing:border-box;
	  		}
	  		
			.father{
				width:40%;
				height:600px;
				margin:100px auto;
				border:2px solid black;
				display:flex;
				flex-wrap:wrap;
			}
			
			.A1{
				width:50%;
				height:20%;
				border:2px solid black;
				display: flex;
                                justify-content: center;
                                align-items: center;
			}

			.A2{
	  			width:100%;
	  			height:100px;
	  			margin:auto auto;
	  			position:relative;
				display: flex;
                                justify-content: center;
                                align-items: center;
                 
	  		}

			.A2 input{
                                border: rgb(145, 144, 144) 2px solid;
           			background: none;
               			width:150px;
			  	height:60px;
				position: absolute;

			        
                       }

			.A2 .A21{
	  			font-size:20px;
	  			font-weight:400;
				position: absolute;
                		
                               	
	  		}
	  		.tui{
	  			position: absolute;
	  			top: 60px;
	  			right:60px;
	  		}
	  		.tui button{
	  			width: 300px;
	  			height: 60px;
	  			background-color: white;
	  			border-radius: 10px 10px 10px 10px;	
	  		}
	  	</style>
	    <script type="text/javascript"> 
	    	function tui(){
	    		window.location.href="http://localhost:8080/home/Home"	
	    	}
	    </script>
	  </head>
	  
	  <body>
	  	<div class="father">
			<div class="A1">
				<p>姓名</p>
			</div>
			<div class="A1">
          		<p th:text="${student.getName()}">INGREDIENT</p>
			</div>
			<div class="A1">
				<p>学号</p>
			</div>
			<div class="A1">
				<p th:text="${student.getId()}">INGREDIENT</p>
			</div>
			<div class="A1">
				<p>年级</p>
			</div>
			<div class="A1">
				<p th:text="${student.getAge()}">INGREDIENT</p>
			</div>
			<div class="A1">
				<p>专业</p>
			</div>
			<div class="A1">
				<p th:text="${student.getMajor()}">INGREDIENT</p>
			</div>
			<div class="A1">
				<p>学院</p>
			</div>
			<div class="A1">
				<p th:text="${student.getCollege()}">INGREDIENT</p>
			</div>
		</div> 
		<div class=A2>
	    	        <input type="button" name="" id="" value="">
	    	        <div class="A21">
				<a href="http://localhost:8080/home/Course">进入选课系统</a>
			</div>
	    </div>	
	    <div class="tui">
	    	<button onclick="tui()">退出登录</button>
	    </div>
	  </body>
	
</html>